//头部下拉导航
$('#nav').click(function(){
    $('#sidebar ul').slideToggle(100)
});
var V=0;
$('#sidebar ul li').hover(function(){
    V=$(this).index();
    $('#bottom ol').eq(V).addClass('subnav').siblings().removeClass('subnav')
},function(){
    $('#bottom ol').removeClass('subnav')
});
$('#bottom ol').hover(function(){
    $('#bottom ol').eq(V).addClass('subnav').siblings().removeClass('subnav');
},function(){
    $('#bottom ol').removeClass('subnav')
});





//for(var i=0;i<localStorage.length;i++){
//    var key=localStorage.key(i);
//    var Value=localStorage.getItem(key);
//    $('tbody').append(Value);
//}

var checkOne=$('.valuation table tbody tr .checkOne label input');
var checkAll=$('.valuation .checkAll');
var Deleta=$('.valuation .delete-btn');
    colTotal();
//单选
checkOne.click(function(){
    if(checkOne.length==checkOne.filter(':checked').length){
        checkAll.prop('checked',true)
    }else {
        checkAll.prop('checked',false)
    }
    colTotal();
});
//多选
checkAll.click(function(){
    if ($(this).prop('checked')){
        checkOne.prop('checked',true);
        checkAll.prop('checked',true)
    }else {
        checkOne.prop('checked',false);
        checkAll.prop('checked',false)
    }
    colTotal();
});
//添加 减少 按钮
$('.valuation table tbody tr .num .add').click(function(){
    var i=parseInt($(this).siblings('input').val() );
    $(this).siblings('input').val(++i);
    colTotal();
});

$('.valuation table tbody tr .num .reduce').click(function(){
    var i=parseInt($(this).siblings('input').val() );

    if(i<=1){
        $(this).siblings('input').val(1);
    }else {
        $(this).siblings('input').val(--i);
    }
    colTotal();
});
//输入多少
$('.valuation table tbody tr .num input').change(function(){
    var re=/^[0-9]*$/;
    if(!(re.test($(this).val()))||$(this).val()<1){
        $(this).val(1)
    }
    colTotal();
});
//删除
Deleta.click(function(){
    var x=$(this).parents('tr').index();
    var key=localStorage.key(x);
    var ask=confirm('您确定要删除么');
    if(ask){
        $(this).parents('tr').remove();
        localStorage.removeItem(key);
    }
    if($('.valuation table tbody tr .checkOne label input').length==$('.valuation table tbody tr .checkOne input').filter(':checked').length){
        checkAll.prop('checked',true)
    }else {
        checkAll.prop('checked',false)
    }
    colTotal();
});

$('.valuation .status button').click(function(){
    if($('.valuation .status .right .selected i').text()<1){
        alert('请选择要购买的商品')
    }
});



function colTotal(){
    var checkOne=$('.valuation table tbody tr .checkOne label input');
    var price=$('.valuation table tbody tr .price span');
    var num=$('.valuation table tbody tr .num input');
    var allPrice=$('.valuation table tbody tr .allPrice span');
    var sum=0;
    var count=0;
    checkOne.each(function(i){
        allPrice[i].innerHTML=(price[i].innerHTML*num[i].value).toFixed(2);
        if(this.checked){
            sum+=parseFloat(allPrice[i].innerHTML);
            count+=parseFloat(num[i].value);
        }
    });
    $('.valuation .status .right .total span').html(sum);
    $('.valuation .status .right .selected i').html(count);
}






$('.scroll .btn li').click(function(){
   var K=$(this).index();
    var Width=$('.scroll').width();
    $(this).addClass('on').siblings().removeClass('on');
    $('.scroll .scroll-plan').animate({left:-K*Width},1000)
});